html,
body {
    /* width: 100%;
    height: 100%; */
    width: 100vw;
    height: 100vh;
}

.page_root {
    width: 100%;
    height: 100%;
    /* overflow: hidden; */
    position: relative;
    /* background-color: yellow; */
}

#container{
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    
}
#match_result_show{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    /* z-index: -1; */
    width: 100vw;
    height: 100vh;
    background-color: #333;
}

.op_box {
    position: absolute;
    height: 80px;
    top: 20px;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.1);

    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.op_box .op-button {
    font-size: 20px;
    color: blue;
    margin-left: 10px;
}

.check_menu .op-button {
    font-size: 16px;
    color: blue;
    margin-left: 10px;
}

#btn_start2,
#btn_restart,
#btn_prev_step,
#btn_quit,
#btn_ok,
#btn_back,
#btn_finish {
    display: none;
}

.check_menu {
    display: none;
    position: absolute;
    top: 200px;
    left: 50%;
    transform: translateX(-50%);
    /* background: yellow; */
    background: #b0b0a4;
    /* height: 500px; */
}

#check_table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #333;
}

#check_table td {
    text-align: center;
    border: 1px solid #333;
    text-align: center;
    vertical-align: middle;
}

#select_rune {
    font-size: 16px;
}

#rune_img {
    width: 30%;
    padding: 10px 0;
}

#check_table tr>td.name {
    /* background-color: pink; */
    background-color: #625f60;
    color: wheat;
    min-width: 100px;
    padding: 20px 0;
}

#check_table #td-rune_rect {
    padding: 10px;
}

#check_table #td-result {
    padding: 10px;
}

#btn_rematch,
.tip-failed {
    display: none;
}

#check_table #td-result .tip-failed {
    color: #F56C6C;
    margin-bottom: 5px;
}

#check_table tr>td.value {
    min-width: 100px;
}